﻿/* Box Shadow */
body 
{
  background: url('../img/pattern-x.png') repeat-x;
  font-family: sans-serif, "Arial";
}
ul, ol {
    list-style: none inside none;
}
h2
{
	color:#2DBAC9;
}
h1
{
	color:#EB0041;
}
h3
{
	color:#4F1300;
}
#container 
{
  width: 710px;
  margin: 30px auto;
  padding: 30px;
  background: white;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  border-radius: 10px 10px 10px 10px;
}
.item_thumbnail
{
 width: 85px;
}

.media-grid a 
{
	margin: 0 0 18px 25px;
}

.grid-layout-home
{
	width: 700px;
	display: inline;
}
.grid-layout-home > li
{
	width: 85px;
	float: left;
	padding: 15px;
	padding: 13px\0/;
}
.grid-layout-home > li > a
{
	border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    float: left;
    padding: 4px;
	margin-bottom: 10px;
	width: 85px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grid-layout-home a:hover {
    border-color: #0069D6;
    box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.grid-layout
{
	width: 460px;
	display: inline;
}
.grid-layout > li
{
	width: 85px;
	float: left;
	padding: 10px;
}
.grid-layout > li > a
{
	border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    float: left;
    padding: 4px;
	margin-bottom: 10px;
	width: 85px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grid-layout a:hover {
    border-color: #0069D6;
    box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.list-layout
{
	width: 460px;
	display:block;
}
.list-layout > li > *
{
	display: inline;
}
#wrapper
{
  height: 94px;
}
.list-layout > li > #wrapper
{
	border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	display: block;
    padding: 4px;
	margin-bottom: 10px;
}
.list-layout > li > #wrapper:hover
{
	border-color: #0069D6;
	box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.list-layout> li > #wrapper > a
{
	float: left;
	padding:4px;
}
#txtsearch
{
	width: 445px;
}
#search-box
{
	width: 455px;
	background-color: #808080;
	border-radius: 10px 10px 10px 10px;
	margin-bottom: 20px;
	padding: 10px;
}

.browse-list
{
	width:160;
}

.item-list
{
	width:550;
}
.item-detail 
{
	width: 85px;
}
.item-detail > *
{
	display: block;
}
.item-list-detail > span
{
	display:block;
	padding: 5px;
}

.ellipsis
{
	overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
	width:85px;
    display:inline-block;
}